<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>YAP</title>
        <link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/resources/yap.ico"/>
        <style>
            .ui-widget, .ui-widget .ui-widget{  font-size: 13px; }
            .lay{    margin-right: 350px;       margin-left: 350px;  margin-top: 220px; }
            .bg {
                background-image: url("resources/master1.jpg");
            }
            #apo{
                margin-right: 350px;
            }
        </style>
        <script>
            history.forward();
        </script>
    </h:head>
    <h:body styleClass="bg">
        <h:form id="login">
            <p:panel header="Check Servers' Availability Status:" styleClass="lay" >
                <p:messages id="msg" closable="true" ></p:messages>
                <table border="0" align="center">
                    <tr><td rowspan="3"><p:graphicImage value="/resources/serverr.png"/></td><td><p:outputLabel for="username" value="Auth Server IP:"/></td><td><p:inputText id="username" required="true" requiredMessage="IP required." value="#{serverCheck.authip}"/></td></tr>
                    <tr><td><p:outputLabel for="password" value="PAC Server IP" /></td><td><p:inputText id="password" required="true" requiredMessage="IP required." /><br/></td></tr>
                    <tr><td></td><td><p:commandButton id="button1" value="CHECK" action="#{serverCheck.doCheck}" icon="ui-icon-power" ajax="false" update="msg" /></td></tr>
                </table>
            </p:panel>
        </h:form> 
        <div id="apo">
            <a href="index.xhtml">Index</a>
        </div>        
    </h:body>
</html>

